<!DOCTYPE html>
<html>
<head>
    <title>{$index.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$index.description}" />
    <meta name="keywords" content="{$index.keyword}" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
    <!-- <link rel="stylesheet" href="__HOME__css/blueimp-gallery.min.css"> -->
    {$seo.head}
</head>
<body>
{$seo.body}

<div class="wrap">
    <!--导航-->
    {include file="public/header" /}


    <!-- page_banner -->
    <div class="page_banner magtopmenu">
        <div class="pagebanner_pic">
            <ul class="page_banner_slider clear">
                {volist name="banner" id="v" key="k"}
                <li>
                    <div class="pic">
                        <a {if $v.url neq null}href="{$v.url}"{/if}>
                            <img src="{$v.img_url}" alt="{$v.alt}" title="{$v.alt}">
                        </a>
                    </div>
                    <div class="desc">
                        {$v.content}
                    </div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- page_banner end -->


    <!-- position -->
    <div class="position_content">
        <div class="public">
            <div class="position">
                <i class="iconfont icon-zhuye"></i>
                <a href="#">主页</a> >
                <a href="#">加工样品</a>
            </div>
        </div>
    </div>
    <!-- position end -->



    <!-- page -->
    <div class="samples">
        <div class="public">
            <div class="samples_sort">
                <ul class="clear">
                    <li class="fl am _sort {if $type1 eq null}active{/if}">
                        <a href="/sample.html" class="am type">全部</a>
                    </li>
                    {volist name="type" id="v" key="k"}
                    {if $v.id neq 43}
                    <li class="fl am _sort {if $type1 eq $v.id}active{/if}">
                        <a href="/sample.html?type={$v.id}" class="am type" data-id="{$v.id}">{$v.name}</a>
                    </li>
                    {/if}
                    {/volist}
                </ul>

            </div>
            <div class="samples_list">
                <ul class="col-4 clear" id="list">
                    {volist name="list" id="v" key="k"}
                    <li class="fl">
                       <!--  <a href="images/n26.jpg" rel="prettyPhoto[gallery]" title="儿童游艺区-前台"> -->
                        <a href="{$v.img_url}" rel="prettyPhoto[gallery]" title="{$v.name}">
                            <div class="pic am">
                                <div class="pic_img am">
                                    <img src="{$v.img_url}" alt="{$v.alt}" title="{$v.alt}" style="height: 190px;">
                                </div>
                                <div class="pic_open am">
                                    <i class="iconfont icon-datu"></i>
                                </div>
                            </div>
                            <p class="_title am">{$v.name}</p>
                        </a>
                    </li>
                    {/volist}


                </ul>
                
            </div>
        </div>
    </div>

    {include file="public/footer" /}


    <script type="text/javascript" src="__HOME__js/jquery.min.js"></script>
    <script src="__HOME__js/script.js" type="text/javascript"></script>
    <script src="__HOME__js/jquery.prettyPhoto.js" type="text/javascript"></script> 
    <link href="__HOME__css/prettyPhoto.css" rel="stylesheet" type="text/css" />




<script type="text/javascript">
    $('._sort').click(function(){
        $(this).addClass("active").siblings().removeClass("active");
    });

</script>
